	<?php
		$sesMem = $this->session->userdata('sess_memId');
		$person_id = $infoPerson['id'];
		$memId = $this->session->userdata('sess_memId');
		$memAvatar = $this->session->userdata('sess_memAvatar');
		$personId = $infoPerson['id'];
		$noImage = "public/image/NoImage.jpg";
	?>
<div class="col-lg-10">
	<div class="row" id="list-photo-person">
	</div><!--End row -->
	<div class="row" id="photo_preview" style="display:none">
        <div class="col-lg-8 photo_wrp">
            <a href="#" class="close" onclick="closePhotoComment()"><i class="icon-remove"></i></a>
            <div style="clear:both"></div>
            <div class="col-lg-7 column_left"></div>
            <div class="col-lg-5 column_right" style="padding-top:10px">Load Comment</div>
            <div style="clear:both"></div>
        </div>
    </div>
	<div class="row">
		<div class="col-lg-4">
			<button type="button" id="add_subscribed" class="btn btn-primary btn-xs" onclick="add_subscribed('<?php echo $sesMem?>', '<?php echo $person_id?>')"><i class="icon-chevron-down"></i> Subsribed</button>
		</div>
		<div class="col-lg-8" style="text-align:right">
		    <span class="total-count" id="total-count">0</span>
		</div>
		            		
	</div><!--End row-->

	<div class="row" style="margin-top:20px">
		            	<ul class="nav nav-tabs">
						  <li class="active"><a href="#home" data-toggle="tab"><i class="icon-info-sign"></i> About</a></li>
						  <li><a href="#profile" data-toggle="tab">Share</a></li>
						  <li><a href="#messages" data-toggle="tab"><i class="icon-flag"></i> Flag</a></li>
						</ul>
						<div class="tab-content">
						  <div class="tab-pane active" id="home">
						  	<div class="text-1">
						  		<div class="more-less">
						  		<p>
						  			<?php echo $infoPerson['long_desc']?>
								</p>
						  		</div>
						  	</div>
						  </div>
						  <div class="tab-pane" id="profile">
						  	<div class="text-1">
						  		<?php if($infoPerson['public'] == 1) : ?>
						  			<?php 
						  				$title = urlencode($infoPerson['name']);
						  				$desc = urlencode($infoPerson['name'] . '| Dead');
						  				$url = urlencode(current_url());
						  				$image_person = urlencode(base_url() . $infoPerson['photo_cover']);
						  			?>
						  			<a class="btn btn-default s" href="javascript:voi(0)" onclick="window.open('http://www.facebook.com/sharer.php?s=100&amp;p[title]=<?=$title?>&amp;p[summary]=<?=$desc?>&amp;p[url]=<?=$url?>&amp;p[images][0]=<?=$image_person?>','sharer','toolbar=0,status=0,width=548,height=325');"><i class="icon-facebook-sign"></i></a>
						  			<a href="https://twitter.com/share" class="twitter-share-button" data-dnt="true" data-count="none" data-via="twitterapi"><i class="icon-twitter"></i></a>
									<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
						  		<?php else : ?>
								<div class="form-inline">
									<input type="text" class="form-control" style="width:200px" placeholder="Enter email invite">
									<input type="text" class="form-control" style="width:200px" value="<?php echo current_url()?>">
									<button type="submit" class="btn">Invite</button>
								</div>
								<?php endif ?>
						  	</div>
						  </div>
						  <div class="tab-pane" id="messages">Report</div>
						</div>

						
	</div><!--End row-->
	<div class="row"><h6>All comments (<span id="total-comment">0</span>)</h6></div>
		            <div class="row">
		            	<div class="col-lg-1">
		            		<div class="thumbnail" style="width:60px; height:50px">
			                  	<?php if($memAvatar !== "") { ?>
					        		<img src="<?php echo base_url() . $memAvatar?>" alt="" style="width:50px; height:40px">	
					    		<?php } else { ?>
					    			<img src="<?php echo base_url() . $noImage ?>" alt=""/>
								<?php } ?>
			              </div>
			          	</div>
			          	<div class="col-lg-10">
		            		<textarea placeholder="Leave a comment" id="txt_comment" class="form-control" rows="2"></textarea>
		            	</div>
		            </div>
		            
		            <div class="row" style="text-align:center;">
		            	<a href="javascript:void(0)" onclick="post_comment('<?php echo $memId?>', '<?php echo $memAvatar?>', '<?php echo $personId?>')" id="btn_post_comment" style="margin-top:10px;" class="btn btn-primary btn-xs">Post</a>
		            </div>
		<!--End begin comment list row -->
		<div class="row" id="loading_list" style="text-align:center; padding-top:50px; display:none">
			<img src="<?php echo base_url()?>public/image/ajax-loader.gif" alt="">
		</div>
		<div id="show-list-comment">
			
		</div>
		<!--End list comment-->
		<div class="row" style="text-align:center; padding-top:10px" id="load_more_comment">
			<a href="javascript:void(0)" onclick="load_more_comment('<?php echo $personId?>')" class="btn btn-default">Show more</a>
		</div>
</div>

<script type="text/javascript" src="<?php echo base_url()?>public/js/showLess_More.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		check_status_click_subscribed('<?php echo $memId?>', '<?php echo $personId?>');
		load_total_subscribed('<?php echo $personId?>');
		load_total_comment('<?php echo $personId?>');
		loadListPhotoPerson('<?php echo $infoPerson['id']?>');
        loadListComment('<?php echo $infoPerson['id']?>');
	});
</script>
